<template>
    <section class="echats_sample">
  		<echats-base  :class="className" :idName="idName" :option="diyOption"></echats-base>
    </section>
</template>

<script>
    import echatsBase from "./echart_base"
    export default {
    	props:{
    		idName:'',
    		diyOption:{},
    		className:'',
    	},
    	components:{
    		echatsBase
    	},
        data() {
          return {
          	
          }
        },
        methods: {
        
        }
  };
</script>

<style scoped="scoped">
	
    .echats_bing{
    	width: 300px !important;
    	height: 200px !important; 
    	display: inline-block;
    }
    .echats_bar{
    	/*width: 1 !important;*/
    	height: 200px !important; 
    	display: inline-block;
    }
     .chats_radra{
    	height: 260px !important; 
    	display: inline-block;
    	/*width: 300px !important;*/
    	    /*margin-top: 25px;*/
    }
    .chats_line{
    	height: 200px !important; 
    	display: inline-block;
    	/*width: 400px !important;*/
    }
    .chats_line2{
    	height: 300px !important; 
    	display: inline-block;
    }
</style>